<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>html5基础语法</html></title>
	</head>
	<body bgcolor="red-1">
		<!-- 叫法：标记 元素
		 <w3c规定单词：特殊含义，表示页面效果>
		 标记分为：前标记，后标记
		 元素：前标记+后标记+内容【元素之间可以嵌套】
		-->
		<p>内容</p>
		<!-- body主体区域：文本 图片 超链接 表格 -->
		<!--一， 文本元素群 -->
		<!-- 1.特殊文本【实业/体字符】
		      &copy；代表  版权
			   &reg；代表 商标
			   &lt；代表 小于号
			   &gt；代表 大于号
			   &nbsg；代表 一个空格
		 -->  
		&copy;版权
		&reg;商标
		&lt;小于号
		&gt;大于号
		&nbsp;一个空格
		<!-- 2.假文 【占位符】-->
		Lorem ipsum dolor sit amet consectetur adipisicing elit. Laborum, recusandae iste similique rem nisi officia voluptas provident sed nam commodi unde quae quia fugiat voluptate voluptatem autem dolorum quasi expedita?
		<!-- 3.文本样式元素 ： 精灵图-->
		<i>文本倾斜</i>
		<b>文本加粗</b>
		<u>文本下划线</u>
		<del>文本删除线html.40</del>
		<s>文本删除线html.50</s>
		2<sup>2</sup>
		文言文<sub>解释</sub>
		<!-- 标题元素：加粗放大 -->
		<h1>标题元素</h1>
		<h2>标题元素</h2>
		<h3>标题元素</h3>
		<h4>标题元素</h4>
		<h5>标题元素</h5>
		<h6>标题元素</h6>
		<!-- 5.分割线元素和换行元素 
		元素分为：封闭型【双标记】标记和非封闭性【空/单】标记
		非封闭性【空/单】标记 hr br 写法<hr />
		                    html5 简洁写法<hr>
		-->
		<hr />
		换行<br> 换行
		<!-- 6.跑马灯元素 -->
		<marquee >滚滚长江东逝水,浪花淘尽英雄梦</marquee>
		<!-- 7.预格式化元素 pre元素：放进入是什么，显示什么 -->
		<pre>
			     &lt;p&gt;滕王阁序 &lt;/p&gt;
			落霞与孤鹜齐飞，秋水共长天一色。
			
				   
			
			
		</pre>
		<!-- 需求：文本加粗并且倾斜  【嵌套】-->
		<b><i>lorem</i></b>
		<!-- 8.段落元素 -->
		<p>Lorem, ipsum dolor sit amet consectetur adipisicing elit. Soluta quam facere id ad voluptates, pariatur repellat, nobis quaerat omnis et eligendi porro alias voluptas, nihil placeat obcaecati nulla iusto similique!</p>
	    <!-- 二，元素中属性与属性值使用
		属性与属性值的作用：添加效果【样式】</p>
		w3c针对元素添加的属性和属性值【不通用】
		注意：属性与属性值可以为多个【没有顺序】
		-->
	    <p align="right">段落元素</p>
	</body>
</html>